<!-- <html>
	<head>
		<title>标题</title>
	</head>
	<body>
		hello
	</hello>
</html> -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6> -->

    <!-- <p>
        HTML、CSS 和 JavaScript 是前端开发的基础技术，它们各自在网页开发中扮演着不同的角色。以下是这三种技术的详细解释：
    </p>
    <p>
        HTML (HyperText Markup Language)<br/>
        HTML 是用于创建网页内容的标准标记语言。它定义了网页的结构和内容，但不涉及网页的布局或样式。HTML 使用标签（如 p>、div>、a> 等）来描述网页的各个部分，如段落、标题、链接、图片等。浏览器会解析这些标签，并将它们渲染成用户可以看到的网页。<br/>
    </p>
    <p>
        CSS (Cascading Style Sheets)<br/>
        CSS 用于描述网页的布局和样式。它可以控制 HTML 元素的外观，如颜色、字体、布局等。CSS 可以直接在 HTML 文件中使用，也可以保存在单独的 .css 文件中，并通过 HTML 文件中的 link> 标签引入。CSS 提供了丰富的样式属性和选择器，可以精确地控制网页中每个元素的样式。<br/>
        CSS 的主要特点包括：<br/>
        分离内容和样式：HTML 负责定义网页的内容，而 CSS 负责定义网页的样式，这样可以使代码更加清晰和易于维护。<br/>
        丰富的样式属性：CSS 提供了大量的样式属性，可以控制元素的各个方面，如颜色、字体、边框、阴影等。<br/>
        选择器：CSS 选择器用于选择需要应用样式的 HTML 元素，可以根据元素的类型、类名、ID 等进行选择。
    </p>
    <p>
        JavaScript<br/>
        JavaScript 是一种脚本语言，用于实现网页的交互功能。它可以直接在 HTML 文件中使用，也可以保存在单独的 .js 文件中，并通过 HTML 文件中的 script 标签引入。JavaScript 可以监听用户的事件（如点击、输入等），并根据这些事件执行相应的代码。<br/>
        JavaScript 的主要特点包括：<br/>
        交互性：JavaScript 可以使网页具有交互性，如响应用户的点击、输入等操作。<br/>
        动态性：JavaScript 可以动态地修改网页的内容、样式和布局，使网页更加灵活和生动。<br/>
        浏览器兼容性：JavaScript 在现代浏览器中得到了广泛的支持，几乎所有的现代浏览器都内置了 JavaScript 引擎。<br/>
        在前端开发中，HTML、CSS 和 JavaScript 通常一起使用，以创建具有丰富内容和交互功能的网页。HTML 负责定义网页的结构和内容，CSS 负责定义网页的布局和样式，而 JavaScript 则负责实现网页的交互功能。
    </p> -->

    <!-- <strong>string 加粗<br/></strong>
    <b>b 加粗<br/></b>
    <em>em 倾斜<br/></em>
    <i>i 倾斜<br/></i>
    <del>del 删除线<br/></del>
    <s>s 删除线<br/></s>
    <ins>ins 下划线<br/></ins>
    <u>u 下划线<br/></u> -->

    <!-- <img src="https://ts1.cn.mm.bing.net/th/id/R-C.6a00de959b5801108793b344ef2988ad?rik=OlQAB0P4J80yTA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f50070%2f5999.jpg_wh860.jpg&ehk=nUrNDlAkDzUbcZyyRIpSCFDeeTPjyJnuR14jdQ%2fbE2w%3d&risl=&pid=ImgRaw&r=0"> -->
    <!-- <img src="bear666.jpg" alt="图片不存在，请检查后重试"> -->
    <!-- <img src="bear.jpg" title="这是一只北极熊哦"> -->
    <!-- <img src="bear.jpg" width="2000px"> -->
    <!-- <img src="bear.jpg" height="600px"> -->
    <!-- <img src="bear.jpg" border="5px"> -->
    <!-- <a href="http://www.baidu.com">
        <img src="bear.jpg">
    </a> -->
    <!-- <a href="#one">跳转到第一段<br/></a>
    <a href="#two">跳转到第二段<br/></a>
    <a href="#three">跳转到第三段<br/></a>
    <a href="#four">跳转到第四段<br/></a>
    <p id="one">
        这是第一段<br/>
        11<br/>
        12<br/>
        13<br/>
        14<br/>
        15<br/>
        16<br/>
        17<br/>
        18<br/>
        19<br/>
        20<br/>
    </p>
    <p id="two">
        这是第二段<br/>
        21<br/>
        22<br/>
        23<br/>
        24<br/>
        25<br/>
        26<br/>
        27<br/>
        28<br/>
        29<br/>
        30<br/>
    </p>
    <p id="three">
        这是第三段<br/>
        31<br/>
        32<br/>
        33<br/>
        34<br/>
        35<br/>
        36<br/>
        37<br/>
        38<br/>
        39<br/>
        40<br/>
    </p>
    <p id="four">
        这是第四段<br/>
        41<br/>
        42<br/>
        43<br/>
        44<br/>
        45<br/>
        46<br/>
        47<br/>
        48<br/>
        49<br/>
        50<br/>
    </p> -->

    <!-- <table align="center" border="1" cellpadding="50" cellspacing="0" width="500px" height="300px">
        <tr>
            <td rowspan="2">
                姓名1
            </td>
            <td>
                性别
            </td>
            <td>
                年龄
            </td>
        </tr>
        <tr>
            <td>
                姓名2
            </td>
            <td>
                性别
            </td>
            <td>
                年龄
            </td>
        </tr>
        <tr>
            <td>
                姓名3
            </td>
            <td>
                性别
            </td>
            <td>
                年龄
            </td>
        </tr>
    </table> -->

    <!-- <h3>有序列表</h3>
    <ol>
        <li>
            HTML
        </li>
        <li>
            CSS
        </li>
        <li>
            JavaScript
        </li>
    </ol>
    <h3>无序列表</h3>
    <ol>
        <li>
            HTML
        </li>
        <li>
            CSS
        </li>
        <li>
            JavaScript
        </li>
    </ol>
    <h3>自定义列表</h3>
    <dl>
        <dt>前端三剑客</dt>
        <dd>
            HTML
        </dd>
        <dd>
            CSS
        </dd>
        <dd>
            JavaScript
        </dd>
    </dl> -->

    <!-- <ol type="a" start="3">
        <li>
            HTML
        </li>
        <li>
            CSS
        </li>
        <li>
            JavaScript
        </li>
    </ol>
    <ol type="A" start="3">
        <li>
            HTML
        </li>
        <li>
            CSS
        </li>
        <li>
            JavaScript
        </li>
    </ol>
    <ol type="i" start="3">
        <li>
            HTML
        </li>
        <li>
            CSS
        </li>
        <li>
            JavaScript
        </li>
    </ol>
    <ol type="I" start="3">
        <li>
            HTML
        </li>
        <li>
            CSS
        </li>
        <li>
            JavaScript
        </li>
    </ol> -->

    <!-- <form action="text.html"> -->
        <!-- <h3>文本框</h3>
        <input type="text">
        <h3>密码框</h3>
        <input type="password">
        <h3>单选框</h3>
        <input type="radio" name="sex" checked>男
        <input type="radio" name="sex">女
        <h3>复选框</h3>
        <input type="checkbox"> HTML <input type="checkbox"> CSS <input type="checkbox">JavaScript -->
        <!-- <h3>普通按钮</h3>
        <input type="button" value="这是一个按钮" onclick="alert('你好')"> -->
            
    <!-- </form> -->

    <!-- <form action="http://www.baidu.com">
        <h3>清空按钮</h3>
        <input type="text" name="username">
        <input type="submit" value="提交">
        <input type="reset" value="清空">
    </form> -->

    <!-- <form action="http://www.baidu.com">
        <h3>提交文件</h3>
        <input type="file">
    </form> -->

    <!-- <form action="http://www.baidu.com">
        <input type="radio" id="male" name="sex"><label for="male">男</label>
        <input type="radio" id="female" name="sex"><label for="female">女</label>
    </form> -->
    <!-- <select>
        <h3>下拉菜单</h3>
        <option selected="selected">--请选择城市--</option>
        <option>北京</option>
        <option>上海</option>
        <option>广州</option>
        <option>深圳</option>
        <option>武汉</option>
    </select> -->

    <!-- <textarea rows="5" cols="50" style="resize: none;">

    </textarea> -->

    <!-- <ul style="list-style-type: circle;">
        <li>
            html
        </li>
        <li>
            css
        </li>
        <li>
            JavaScript
        </li>
    </ul> -->

    <!-- <div>
        <span>HTML</span>
        <span>HTML</span>
        <span>HTML</span>
    </div>
    <div>
        <span>CSS</span>
        <span>CSS</span>
        <span>CSS</span>
    </div>
    <div>
        <span>JavaScript</span>
        <span>JavaScript</span>
        <span>JavaScript</span>
    </div> -->

    <p>HTML&nbsp;&nbsp;&nbsp;&nbsp;CSS&nbsp;&nbsp;&nbsp;JavaScript</p>
</body>
</html>